
<template>
  <div id="happy">
    <div id="countor">
      <p @click="plus()">
        dsads
      </p>
      <h1>{{count}}</h1>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      count:0
    }
  },
  methods:{
    plus(){
      this.count++
    }
  }
}
</script>
<style scoped>

div#happy{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
div#countor{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
h1{
  font-size: 2rem;
}
</style>